<#include "/common/taglibs.ftl" />
<@menu code='${entityName!}'/>
<title><@spring.message code="${entityName!}" /> - <@spring.message code="list" /></title>
<div id="main_layout" >
    <div class="ui-layout-west tree scroll_pane">
        <iframe name="treeFrame" width="100%" height="100%"  frameborder="0" scrolling="auto" src="${ctx}/${baseUrl!}/tree?async=true" ></iframe>
    </div>
    <div class="ui-layout-center tree scroll_pane" >
        <iframe name="contentFrame" width="100%" height="100%"  frameborder="0" scrolling="auto" ></iframe>
    </div>
    <!-- <div class="ui-layout-north">North</div>
    <div class="ui-layout-south">South</div>
    <div class="ui-layout-east">East</div> -->
</div>

<#--<div id="main_layout" >
    <div class="ui-layout-center">Center
        <p><a href="http://layout.jquery-dev.com/demos.cfm">Go to the Demos page</a></p>
        <p>* Pane-resizing is disabled because ui.draggable.js is not linked</p>
        <p>* Pane-animation is disabled because ui.effects.js is not linked</p>
    </div>
    <div class="ui-layout-north">North</div>
    <div class="ui-layout-south">South</div>
    <div class="ui-layout-east">East</div>
    <div class="ui-layout-west">West</div>
</div>-->

<page-plugin-style>
<#include "/common/plugins/jquery.layout.style.ftl" />
</page-plugin-style>
<page-plugin-script>
<#include "/common/plugins/jquery.layout.script.ftl" />
</page-plugin-script>
<page-style>
<#include "/common/component/tree/layout.style.ftl" />
</page-style>
<page-script>
<#include "/common/component/tree/layout.script.ftl" />
<script type="text/javascript">
    /*$(document).ready(function(){
        console.log($("#main_layout"));
        $("#main_layout").layout({ applyDemoStyles: true });
    });*/
</script>
</page-script>